@import "color"

$nav-active-block-color: lighten($normal, 30%)

.nav
  list-style: none
  position: relative
  z-index: 10

.nav li
  display: inline-block
  padding: 0 24px

.nav li:hover
  // background-color: $nav-active-block-color
  cursor: pointer

.nav-animate-block
  background: $primary
  position: absolute
  top: 0
  transition: left .3s, width .3s
  height: 100%

.nav-animate-block-transparent
  background: $nav-active-block-color

.nav-frame
  position: relative